<@mup.link href="/ai_design/css/ai-casebase.css?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.script src="/ai_design/js/dialog.js?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.link  href="/css/layout-default.css?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.link  href="/css/ui.jqgrid.css?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.link  href="/css/plugin/plugin.yui.min.css?v=2023-04-24T10:54:57Z" model="product"/>
<@mup.link  href="/css/tempo.jquery-ui.theme.[theme].css?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.link  href="/css/plugin/tempo-checkbox.css?v=2023-04-24T10:54:57Z" />
<@mup.link  href="/css/plugin/tempo-button.css?v=2023-04-24T10:54:57Z" />
<@mup.link  href="/css/plugin/tempo-tempoprogressbar.css?v=2023-04-24T10:54:57Z"/>
<@mup.link  href="/css/plugin/tempo-searchbar.css?v=2023-04-24T10:54:57Z"/>
<@mup.link  href="/css/plugin/tempo-dialog.css?v=2023-04-24T10:54:57Z" />
<@mup.link  href="/css/plugin/tempo-alert.css?v=2023-04-24T10:54:57Z"/>
<@mup.link  href="/css/plugin/tempo-datagrid.css?v=2023-04-24T10:54:57Z" />
<@mup.link  href="/css/pagination/pagination.css?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.link  href="/ai_design/css/tempo-app-list-tree.css?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.link  href="/ai_design/css/permission.css?v=2023-04-24T10:54:57Z" model="all"/>

<@mup.script src="/globalparams/getOrgCodeRule" model="all"/>
<@mup.script src="/globalparams/getPlatformParam" model="all"/>
<@mup.script src="/identification/getSessionParam" model="all"/>
<@mup.script  src="/js/jquery.form.js?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.script  src="/js/regexUtil.js?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.script  src="/js/jsPlumb/jsPlumb-2.2.4.js?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.script  src="/js/jquery.layout.yui.min.js?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.script  src="/js/jqgrid/i18n/grid.locale-[locale].js?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.script  src="/js/jquery.jqGrid.min.js?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.script  src="/js/plugin/i18n/tempo-plugin-[locale].js?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.script src="/js/plugin/plugin.yui.min.js?v=2023-04-24T10:54:57Z" model="product"/>
<@mup.script src="/js/plugin/tempo-button.js?v=2023-04-24T10:54:57Z"/>
<@mup.script src="/js/tempo-constant.js?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.script  src="/js/plugin/tempo-module.js?v=2023-04-24T10:54:57Z"/>
<@mup.script src="/js/plugin/tempo-tempoprogressbar.js?v=2023-04-24T10:54:57Z"/>
<@mup.script src="/js/plugin/tempo-dialog.js?v=2023-04-24T10:54:57Z"/>
<@mup.script src="/js/plugin/tempo-searchbar.js?v=2023-04-24T10:54:57Z"/>
<@mup.script src="/js/plugin/tempo-alert.js?v=2023-04-24T10:54:57Z"/>
<@mup.script src="/js/plugin/tempo-datagrid.js?v=2023-04-24T10:54:57Z"/>
<@mup.script src="/js/pagination/jquery.pagination.js?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.script src="/ai_design/js/tempo-app-list-tree.js?v=2023-04-24T10:54:57Z" model="all"/>
<@mup.script src="/ai_design/js/permission.js?v=2023-04-24T10:54:57Z" model="all"/>
<script>
    var rootRogId = ${rootRogId}
</script>
<!--  标题进度条 start-->
<div class="content" style="margin: 0 37%;width: 100%">
	<div class="processBar">
		<div id="line0" class="bar">
			<div id="point0" class="c-step"></div>
		</div>
		<div class="text" style="margin: 15px -37px;"><span class='poetry1'>生成案例</span></div>
	</div>
	<div class="processBar">
		<div id="line1" class="bar" style="width: 0">
			<div id="point1" class="c-step1"></div>
		</div>
		<div class="text" style="margin: 15px 3px;"><span class='poetry2'>授权</span></div>
	</div>
</div>
<!--  标题进度条 end-->
<div style="clear: both;"></div>
<div id="MainContent" style="height: 341px">
<!--编辑案例区域-->
	<div id="dialog-casebase-tempo" style="height: 100%;margin-top: -12px" class="basicInfo">
		<form action='${gatewayPath}/api/ai/sysconfig/casebase/save-self-casebase' enctype="multipart/form-data" method="POST">
			<input type="hidden" name="appId" id="appId"/>
			<input type="hidden" name="code" id="code"/>
			<input type="hidden" name="path" id="path"/>
			<input type="hidden" name="userId" id="userId"/>
			<input type="hidden" name="author" id="author"/>
			<input type="hidden" name="tagValue" id="tagValue"/>
            <input type="hidden" name="rootRogId" id="rootRogId" value=${rootRogId}>
			<table style="width:100%;">
				<tr>
					<td class="formLayoutTit"><label><span style="padding: 3px;color: red;">*</span><@spring.message "aidsview.theme-name"/></label></td>
					<td colspan="3">
						<input  type="text" id="name"  ui-role="validatebox"  autofocus="autofocus" name="name" class="tempo-validatebox" placeholder="请输入案例名称" style="width:300px;"/>
					</td>
				</tr>
				<tr>
					<td class="formLayoutTit"><label style="position: absolute;margin: -23px -34px;"><span style="padding: 3px;color: red;">*</span>描述</label></td>
					<td colspan="3">
						<textarea id="description"  ui-role="validatebox"  name="description" class="tempo-validatebox" placeholder="请输入描述信息" style="width:300px;height:70px;padding: 10px;resize:none;line-height: 1.5;word-break: break-all;overflow: auto"></textarea>
					</td>
				</tr>
				<tr>
					<td class="formLayoutTit"><label><span style="padding: 3px;color: red;">*</span>技术</label></td>
					<td colspan="3">
						<select id="category" name="category" class="tempo-validatebox" style="width:300px">
							<option value="数据处理">数据处理</option>
							<option value="分类">分类</option>
							<option value="回归">回归</option>
							<option value="聚类">聚类</option>
							<option value="时间序列">时间序列</option>
							<option value="关联规则">关联规则</option>
							<option value="综合评价">综合评价</option>
							<option value="文本分析">文本分析</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="formLayoutTit"><label><span style="padding: 3px;color: red;"></span>标签</label></td>
					<td colspan="3">
						<div id="tag-list" style="width: calc(300px)">
							<el-select filterable
									   v-model="value"
									   multiple
									   :multiple-limit="3"
									   placeholder="最多可选择三个标签"
									   :popper-append-to-body="false">
								<el-option
										v-for="item in options"
										:key="item.value"
										:label="item.label"
										:value="item.value"
										:title="item.label">
								</el-option>
							</el-select>
						</div>
					</td>
				</tr>
				<tr>
					<td class="formLayoutTit"><label><span style="padding: 3px;color: red;">*</span>附件上传</label></td>
					<td colspan="3">
						<a href="javascript:void(0)"   class="uploadFile-btn">
							<span class="tempo-upload-file" style="float: left;margin-left: 12px;">＋上传案例说明.pdf文件</span>
							<input title="pdf文件" id="pdfFile" class="uploadinput" name="pdfFile" accept=".pdf" type="file" style="cursor: pointer;font-size: 100px" unselectable="on">
						</a>
						<label class="uploadfile-text lable-upload" >
							<span class="fimeName-text">
								<i class="ui-icon-pdf icon-start"> </i>
									<span class="file-text" id="pdfSpan"></span>
								<label id="endIcon" style="cursor: pointer;">
									<i class="ui-icon tempo-ui-icon tempo-ui-icon-white-threed-circle-plus icon-end icon-end-change"></i>
								</label>
							</span>
						</label>
					</td>
				</tr>
				<tr>
					<td class="formLayoutTit"></td>
					<td colspan="3">
						<a href="javascript:void(0)"   class="uploadFile-btn">
							<span class="tempo-upload-file" style="float: left;margin-left: 12px;">＋上传图片.png/jpg/jpeg</span>
							<input  title="图片文件" id="pngFile" class="uploadinput" name="pngFile" accept=".png,.jpg,.jpeg" type="file" style="cursor: pointer;font-size: 100px" unselectable="on">
						</a>
						<label class="uploadfile-text lable-upload" >
							<span class="fimeName-text" >
								<i class="ui-icon-pic icon-start" style="margin-top: 7px;"></i>
									<span class="file-text" id="pngSpan"></span>
								<label id="endIcon" style="cursor: pointer;">
									<i class="ui-icon tempo-ui-icon tempo-ui-icon-white-threed-circle-plus icon-end icon-end-change"></i>
								</label>
							</span>
						</label>
					</td>
				</tr>
				<tr>
					<td class="formLayoutTit"></td>
					<td colspan="3">
						<a href="javascript:void(0)"  class="uploadFile-btn-theme" style="cursor: default;">
							<i class="ui-icon-tapp icon-start" style="margin-top: 8px;float:left ;margin-left: 8px"></i>
							<span class="file-text" id="tappSpan">&nbsp;&nbsp;&nbsp;theme.tapp</span>
							<label id="endIcon1">
								<i class="ui-icon tempo-ui-icon tempo-ui-icon-white-threed-circle-plus " style="float: right;margin-top: 5px;margin-right: 8px;"></i>
							</label>
						</a>
					</td>
				</tr>
			</table>
			<div id="fileMsg" style="color: red;position: absolute;bottom: -8px;display: none;margin-left: 240px;margin-bottom: 14px" ></div>
		</form>
	</div>
	<!--授权区域-->
    <div id="tempo-mine-authorrization" style="height: 370px;display: none;margin-top: -15px;">
		<#include "ai_design/view/dialog/permission.ftl"/>
	</div>
</div>
<#--<div id="tooltip" style="display: none;margin-top: 45px;">-->
<#--	<label style='color: #337BFF;font-size: 12px'><@spring.message "casebase.tooltips"/></label>-->
<#--</div>-->
<#--<div id="theme-tip" style="display: block;margin-top: 20px;" >-->
<#--	<label style='color: #337BFF;font-size: 12px'><@spring.message "casebase.theme-tip"/></label>-->
<#--</div>-->